﻿
 <!DOCTYPE html>
 <html lang="zh">
 
 	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	    <meta http-equiv="Content-Language" content="zh-CN"/>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
	    <meta name="description" content="shop">
	    <meta name="author" content="letsun">
	    
	    <title>商品详情</title>
 		<link rel="shortcut icon" href="/shop-pc/resources/icon/favicon.ico" type="image/x-icon" />
	    <link rel="icon" href="/shop-pc/resources/icon/favicon.ico" type="image/x-icon" />
	    <script src="../js/jquery.min.js"></script>
	   
	    <script src="../js/bootstrap.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"  />
		<link href="../plugs/fontAwesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		
		<script src="../js/jquery.gritter.min.js"></script>
		<script src="../js/jquery.gritter.min.extend.js"></script>
  		<link rel="stylesheet" type="text/css"  href="../css/jquery.gritter.css"  />
		

		<link rel="stylesheet" type="text/css" href="../css/main.css" />
		
		<link href="../css/foot.css" rel="stylesheet" type="text/css">

		
		<!-- page specific plugin styles -->
		<link href="../css/goodsdetails.css" rel="stylesheet" type="text/css">
		<style>
		
		/* table */
	  	.table th{
	  		background-color:#f7f7f7;
	  		font-weight:bolder;
	  	}
	  	
	  	/* fix */
	  	.nav-tabs{
	  		margin-bottom:10px;
	  	}
	  	.tab-content{
			margin-bottom:30px;
		}
		body{
			background-color:#FFF;
		}
		.breadcrumb
		{
		    background-color: #fff;
			border-bottom:1px solid #cccccc;
		 	border-radius: 0px;
		}
		.breadcrumb>li+li:before {
		    padding: 0 5px;
		    color: #ccc;
		    content: ">";
		}
		.breadcrumb a{
			color:#666;
		}

		/* 数量加减*/
		.choose-btns{ border-bottom:medium none; width:550px; clear:both; overflow:hidden;}/*20150827*/
		.choose-amount{ border:1px #CCC solid; height:42px; margin:0px 10px 0 0; overflow:hidden; position:relative;width: 150px;}
		.fl{ float:left;}
		.choose-btns a{ display:block; text-decoration:none; white-space:nowrap;}
		.choose-btns a:hover{ text-decoration:none;}

		.choose-amount .btn-reduce{ bottom:-1px; float: left; font-size: 20px; color: #333;}
		.choose-amount .btn-add{ top:-1px; float: right; font-size: 20px; color: #333;}
		.choose-amount a{ background:#f1f1f1 none repeat scroll 0 0;font-weight: 600; width: 42px; height:42px; line-height:42px; overflow:hidden; text-align:center;}
		.choose-amount .btn-no{ background:#fff none repeat scroll 0 0; color:#dbdbdb; cursor:not-allowed;}
		.choose-amount input{ border:0 none; display:block; width: 60px; height:42px; color:#000; font-size: 16px; font-weight: 600;  line-height:42px; text-align:center; float: left;}
		 
		.choose-btns .choose-btn{ overflow:hidden; position:relative;}
		.choose-btns .choose-btn .shop-btn{ background:#ff3300; font-size:18px; padding:10px 0px 10px 50px; color:#FFF; display:block; width:110px; height:30px; line-height:30px; font-family:"Microsoft YaHei UI", "微软雅黑"; font-weight:bold;  position:relative;}
		.choose-btn b{ background:url(../images/t_send.png) no-repeat; background-position:-124px -0px; width:28px; height:28px; position:absolute; top:8px; left:10px; overflow:hidden;}
		.choose-btns .choose-btn .shop-btn:hover{ background:#c70909;}/*20150825修改颜色值*/
		
		
		.panel-default>.panel-heading {
			color: #FFF;
			background-color: ##BDC3C7;
		}
		.panel-group {
			margin-bottom: 0px;
		}


		.panel-group .panel {
			margin-bottom: 0;
			border-radius: 0px;
		}
		
		.panel-heading {
			padding: 10px 15px;
			border-radius: 0px;
		}
		
		.panel-title {
			margin-top: 0;
			margin-bottom: 0;
			font-size: 14px;
			font-weight: bold;
		}
		
		.panel-body {
			padding: 10px 25px;
		}
		
		.panel-body li{
			height:18px;
			line-height:18px;
		}
		
		
		.detail-area  a{text-decoration:none;}
		
		
		.p-name {
			float: left;
			width: 119px;
			height: 30px;
			line-height: 15px;
			overflow: hidden;
		}
		
		.p-img {
			float: left;
			margin-right: 5px;
		}
		
		
		.mc li{
			border-top: 0;
			overflow: hidden;
			float: left;
			width: 197px;
			padding: 7px 0px 7px;
			height: 66px;
			border-top: 1px dotted #ddd;
		}
		
		.mc li:first-child {
			border: none;
		}
		
		.mc .p-price {
			float: left;
			height: 18px;
			margin-top: 2px;
			line-height: 18px;
			color:#C0392B;
			font-size: 14px;
			font-weight: bold;
			
		}
		
		
		.ab-goods li {
			padding: 0px;
			margin: 0px;
			margin-bottom: 5px;
			height: 280px;
			border-top: 1px dotted #CCC;
		}
		
		.ab-goods li:first-child {
			border:none;
		}

		.ab-goods li .p-img {
			width: 100%;
			padding: 0;
			margin: 0px;
			text-align: center;
			position: relative;
		}
		
		.ab-goods li .p-name {
			height: 36px;
			line-height: 18px;
			margin-bottom: 5px;
			overflow: hidden;
			display: block;
			width: 190px
		}
		
		.ab-goods li .p-price {
			height: 16px;
			line-height: 16px;
			margin-bottom: 4px;
			overflow: hidden;
			float: left;
			display: block;
			width: 190px;
		}
		
		.ab-goods li .p-price .price {
			float: left;
			margin-right: 6px;
			color: #e4393c;
			font-weight: 700;
			font-family: verdana;
			font-size: 14px;
		}
		
		.collect-panel{
			padding:10px;
			text-align:right;
		}
		.collect-btn-not{
			color:#FF6666;
		}
		
		.collect-btn-ok{
			color:#FF6600;
		}


		</style>
 	</head>


 
 	<body>
<!--顶部 begin-->
<div class="top-area">
	<div class="top-panel">	
				<span>您好, </span>
		<a href="/shop-pc/login">[请登录]</a>
		<a href="/shop-pc/reg">[免费注册]</a>|
		<a href="javascript:void(0);" rel="sidebar" onclick="AddFavorite('/shop-pc/','商城');" ><i class="fa fa-star c-warning top-start"></i>收藏我们</a>|
		<span>客服电话 400-8888888</span>
	</div>
</div>
<!--顶部 end-->
	
<!--搜索 begin-->
<div class="search-area">
	<div class="search-logo">
		<a href="/shop-pc/">
			<img src="../images/logo_white.png">
		</a>
	</div>
	<form action="/shop-pc/goods/search?sortType=optime&">
	<div class="search-panel">
		<p>
			<button type="submit">搜索</button>
			<input placeholder="请输入关键词" name="search_CN_title" type="text" value="">
		</p>
		<div class="search-hot-panel">
			<ul>
				<li>热门搜索：</li>
					<li><a href="/shop-pc/goods?search_CN_title=热门水果">热门水果</a></li>
					<li><a href="/shop-pc/goods?search_CN_title=国产水果">国产水果</a></li>
					<li><a href="/shop-pc/goods?search_CN_title=坚果年货">坚果年货</a></li>
			</ul>
		</div>
	</div>
	</form>
	<!-- 
	<div class="search_ad"><a href="#"><img src="../images/me_01.jpg"></a></div>
	-->
</div>
<!--搜索 end-->

<!--navig begin -->
<div class="navig-area">
	<div class="navig-panel">
		
		
		<!-- 分类  begin -->
		<div class="category-area">
			<div class="nav-all-category">
				<sapn class="all-category"><a href="/shop-pc/goods" style="color:#fff;" >全部商品分类</a></span>
			</div>
		
			
			<div class="category-panel">
						<div class="category-view">
							<div class="category-panel-item">
								<h3><i class="fa fa-plane icon"></i>进口水果<span></span></h3>
								<div class="category-ext">	
											
											
											
											
											<a href="/shop-pc/goods?search_EQ_category.id=56">进口甜橙</a>
											
											
											
											<a href="/shop-pc/goods?search_EQ_category.id=57">柠檬</a>
											
											
											
											
											
											
											<a href="/shop-pc/goods?search_EQ_category.id=58">奇异果</a>
											
								</div>
							</div>
							
							<div class="category-child-panel">
								<ul>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=56">进口甜橙</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=57">柠檬</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=58">奇异果</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=59">都乐金菠萝</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=60">牛油果</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=61">火龙果</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=63">蓝莓</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=64">西柚</a></li>
								</ul>
							</div>
						</div>
						<div class="category-view">
							<div class="category-panel-item">
								<h3><i class="fa fa-plane icon"></i>国产水果<span></span></h3>
								<div class="category-ext">	
											<a href="/shop-pc/goods?search_EQ_category.id=39">西瓜</a>
											
											<a href="/shop-pc/goods?search_EQ_category.id=52">小金桔</a>
											
											<a href="/shop-pc/goods?search_EQ_category.id=22">哈密瓜</a>
											
								</div>
							</div>
							
							<div class="category-child-panel">
								<ul>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=39">西瓜</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=52">小金桔</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=22">哈密瓜</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=21">菠萝</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=18">芒果</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=19">甜橙</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=23">葡萄</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=35">香蕉</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=50">酥梨</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=51">柠檬</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=24">红提</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=20">乳瓜</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=15">苹果</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=53">猕猴桃</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=33">圣女果</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=54">草莓</a></li>
											<li class="c-title"><a href="/shop-pc/goods?search_EQ_category.id=66">奶油木瓜</a></li>
								</ul>
							</div>
						</div>
			</div>
		</div>
		<!-- 分类  end -->
		
		<div class="navigation" style="">
			<ul>
				<li> <a href="/shop-pc/">首页 </a></li>
				<!--
				<li> <a href="#">首页 </a></li>
				<li> <a href="#">首页 </a></li>
				<li> <a href="#">首页 </a></li>
				-->
			</ul>
		</div>
	
	
		<!-- 购物车 begin -->
		<div class="cart-area">
			<span>
				<i class="fa fa-shopping-cart icon"></i>
				购物车有<b id="cartAmount1">0</b>件商品
				<i class="fa fa-caret-down"></i>
			</span>
			<!-- cart-panel begin -->
			<div class="cart-panel">
				<div class="cart-panel-header">
					<p>最近加入的商品</p>
				</div>
				
				<div class="cart-panel-body">
					<ul>
					</ul>
				</div>
				<div class="cart-panel-footer">
					<p class="cart-count-info">共<em id="cartAmount">0</em>件商品，&nbsp;共计<em id="cartTotal">0</em>元</p>
					<button class="cart-btn" onclick="javascript:location.href='/shop-pc/cart'">去购物车</button>
				</div>
			</div>
			<!-- cart-panel end -->
		</div>
		<!-- 购物车 end -->
	</div>
</div>
<!--navig end -->


		<!-- 
		<div class="container" style="padding: 0px;margin: 0px auto;">
			<div class="row">
				<div class="col-md-12" style="padding: 0px;margin: 0px auto;">
		-->


	<!--面包屑 begin-->
	<div class="crumbs-area">
		<ul>
			<li>
				<a href="/shop-pc/goods">全部结果</a>
				<i class="fa fa-angle-double-right"></i>
			</li>
			
			<li>
				<a href="/shop-pc/goods?search_EQ_category.id=4" >298套餐</a>
				<i class="fa fa-angle-double-right"></i>
			</li>
			<li>
				<span>佳沃特大陕西翠香猕猴桃20-22个 单果约110g</span>
			</li>
		</ul>
	</div>
	<!--面包屑 end-->
	
	
	<!-- 商品详情  begin -->
	<div class="detail-area ">
		<div class="info-area">
			<div class="smack">
				<span>热卖</span>
				<span>限时</span>
			</div>
			<div class="info-panel">
				<!--preview begin -->
				<div class="preview p-clouds">
					<div id="vertical" class="bigImg">
						<img src="../images/2_1.jpg" width="640" height="320" alt="" id="midimg" />
						<div style="display:none;" id="winSelector"></div>
					</div>
					
					<!--bigImg end-->	
					<div class="smallImg">
						<div class="scrollbutton smallImgUp disabled"></div>
						<div id="imageMenu">
							<ul>
								<li id="onlickImg">
									<img src="../images/3_1.jpg" width="68" height="68" alt="相册"/>
								</li>
								<li><img src="../images/3_1.jpg" width="68" height="68" alt="相册"/></li>
								<li><img src="../images/3_1.jpg" width="68" height="68" alt="相册"/></li>
								<li><img src="../images/3_1.jpg" width="68" height="68" alt="相册"/></li>
							</ul>
						</div>
						<div class="scrollbutton smallImgDown"></div>
					</div><!--smallImg end-->	
					<div id="bigView" style="display:none;"><img width="800" height="800" alt="" src="" /></div>
					
					
					
					
					
					
					
					
					
					
					
					
					<!-- 收藏商品 -->
					<div class="collect-panel">
					</div>
					
					
					
				</div>
				<!--preview end-->

				<!--good-info begin-->
				<div class="good-info-panel">
					<div class="good-title">
						<p>佳沃特大陕西翠香猕猴桃佳沃特大陕西翠香猕猴桃220-22个 单果约110g</p>
						<span class="cashCoupon">仅售69元!可免费领取30元代金券一张，全场通用</span>
					</div>
					
					<div class="good-price-panel">
						<p><b>优惠价：</b><span class="prize-b">￥0.01</span></p>
						<p><b style="font-weight: normal;">原价：  </b><span  class=" good-price">￥0.01</span></p>
					</div>
					
					<div style="padding: 20px 10px;border-bottom: 1px solid #ddd;">
						<b style="float:left;">评论：</b>
						<div id="goodsRaty" style="float:left;"></div>
						<p><a href="#anchor">(已有5条评论)</a></p><br/>
						<p class="stock"><span>存货:</span> 1000</p>
					</div>

					<!--<div class="address-panel">-->
						<!--<div style="height:50px;line-height:50px;">-->
							<!--<span style="float:left;padding-right:10px;">配送至:</span>-->
							<!--<div style="float:left;">-->
								<!--<select id="provinceid" name="provinceid"  class="form-control" style="width:120px;display:inline" >-->
									<!--<option value="-1">请选择省级</option>-->
										<!--<option value ="1">中国</option>-->
										<!--<option value ="110000">北京市</option>-->
										<!--<option value ="120000">天津市</option>-->
										<!--<option value ="130000">河北省</option>-->
										<!--<option value ="140000">山西省</option>-->
										<!--<option value ="150000">内蒙古自治区</option>-->
										<!--<option value ="210000">辽宁省</option>-->
										<!--<option value ="220000">吉林省</option>-->
										<!--<option value ="230000">黑龙江省</option>-->
										<!--<option value ="310000">上海市</option>-->
										<!--<option value ="320000">江苏省</option>-->
										<!--<option value ="330000">浙江省</option>-->
										<!--<option value ="340000">安徽省</option>-->
										<!--<option value ="350000">福建省</option>-->
										<!--<option value ="360000">江西省</option>-->
										<!--<option value ="370000">山东省</option>-->
										<!--<option value ="410000">河南省</option>-->
										<!--<option value ="420000">湖北省</option>-->
										<!--<option value ="430000">湖南省</option>-->
										<!--<option value ="440000">广东省</option>-->
										<!--<option value ="450000">广西壮族自治区</option>-->
										<!--<option value ="460000">海南省</option>-->
										<!--<option value ="500000">重庆市</option>-->
										<!--<option value ="510000">四川省</option>-->
										<!--<option value ="520000">贵州省</option>-->
										<!--<option value ="530000">云南省</option>-->
										<!--<option value ="540000">西藏自治区</option>-->
										<!--<option value ="610000">陕西省</option>-->
										<!--<option value ="620000">甘肃省</option>-->
										<!--<option value ="630000">青海省</option>-->
										<!--<option value ="640000">宁夏回族自治区</option>-->
										<!--<option value ="650000">新疆维吾尔自治区</option>-->
										<!--<option value ="990000">新疆建设兵团</option>-->
								<!--</select>-->
								<!--<select id="cityid" name="cityid" class="form-control" style="width:120px;display:inline" ><option value="">请选择市</option></select>-->
								<!--<select id="areaid" name="areaid" class="form-control" style="width:120px;display:inline" ><option value="">请选择地区</option></select>-->
							<!--</div>-->
						<!--</div>-->
						<!---->
						<!--<div style="height:50px;line-height:50px;">-->
							<!--<span style="float:left;padding-right:10px;">发货地:</span>-->
							<!--<span>西安</span>-->
						<!--</div>-->
						<!---->
					<!--</div>-->

					<div class="pay-num-panel">
						<div class="choose-amount fl" id="amountDiv" style="">
				            <div class="wrap-input">
				                <a class="btn-reduce" href="javascript:void(0);">-</a>
								<input id="buy_amount" class="text" value="1">
				                <a class="btn-add" href="javascript:void(0);">+</a>
				            </div>
				        </div>
					        
						   <a class="btn btn-lg btn-danger"  href="javascript:toLogin()" style="padding: 8px 30px;border-radius: 0;color:#FFF">加入购物车</a>
					</div>
					
					<!-- 
					<div class="add-good-panel">
						<div class="add-good-btn">
							<a class="add-cart">立刻购买</a>
							<a class="add-good">加入购物车</a>
						</div>
					</div>
					
					<!--
						
					<div class="row" style="margin-top:10px">
						<div class="col-md-12">
						<a class="btn btn-danger"  href="javascript:toLogin()">立刻购买</a>
						<a class="btn btn-danger"  href="javascript:toLogin()" >购物车</a>
						</div>
					</div>
					 -->
				</div>
				<!--good-info end-->
			</div>
			<div class="other-good">
				<table>
					<thead>
					<tr>
						<th width="70%">该商家的其他商品</th>
						<th width="10%">优惠价</th>
						<th width="10%">原价</th>
						<th width="10%">已售</th>
					</tr>
					</thead>
					<tbody>
					<tr>
						<td>大鱼大肉大鱼大肉大鱼大肉大鱼大肉大鱼大肉</td>
						<td class="p-price">￥188</td>
						<td>￥2233</td>
						<td>9999</td>
					</tr>
					<tr>
						<td>大鱼大肉大鱼大肉大鱼大肉大鱼大肉大鱼大肉</td>
						<td class="p-price">￥188</td>
						<td>￥2233</td>
						<td>9999</td>
					</tr>
					<tr>
						<td>大鱼大肉大鱼大肉大鱼大肉大鱼大肉大鱼大肉</td>
						<td class="p-price">￥188</td>
						<td>￥2233</td>
						<td>9999</td>
					</tr>
					<tr>
						<td>大鱼大肉大鱼大肉大鱼大肉大鱼大肉大鱼大肉</td>
						<td class="p-price">￥188</td>
						<td>￥2233</td>
						<td>9999</td>
					</tr>
					<tr>
						<td>大鱼大肉大鱼大肉大鱼大肉大鱼大肉大鱼大肉</td>
						<td class="p-price">￥188</td>
						<td>￥2233</td>
						<td>9999</td>
					</tr>
					</tbody>
				</table>
			</div>
			<!-- info-panel end-->
			
			<div class="detail-area-panel">
				<!-- 商品图片详情和商品评论-->
			<ul class="nav nav-tabs"  name="anchor" id="anchor">
				<li class="active">
					<a href="#home"  aria-controls="home" role="tab" data-toggle="tab">商品详情</a>
				</li>
				<li>					
					<a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">商品评论</a>
				</li>
				<li>
					<a href="#store" aria-controls="profile" role="tab" data-toggle="tab">商家介绍</a>
				</li>
			</ul>
				
			<div class="tab-content">
				<div class="tab-pane active" id="home">
					<div class="detail-tab-panel" >
								<div>
									<img src="../images/2_6.jpg" />
								</div>
								<div>
									<img src="../images/2_7.jpg" />
								</div>
								<div>
									<img src="../images/2_8_15.jpg" />
								</div>
					</div>
				</div>

				<div class="tab-pane" id="profile" >
					<div class="comment">
						<div class="single-comment">
							<div class="userImg">
								<img src="../images/2_9_03.png"/>
								<span>我是VIP</span>
							</div>
							<div class="pro-right">
								<div class="pro-right-top">
									<span class="raty" data-score="5"></span><span class="date">2016-10-12</span>
								</div>
								<p>非常好货真价实非常好货真价实赞非常好货真价实赞非常好货真价实赞非常好货真价实赞赞</p>
								<div class="imgBox">
									<ul>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="single-comment">
							<div class="userImg">
								<img src="../images/2_9_03.png"/>
								<span>我是VIP</span>
							</div>
							<div class="pro-right">
								<div class="pro-right-top">
									<span class="raty" data-score="5"></span><span class="date">2016-10-12</span>
								</div>
								<p>非常好货真价实非常好货真价实赞非常好货真价实赞非常好货真价实赞非常好货真价实赞赞</p>
								<div class="imgBox">
									<ul>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="single-comment">
							<div class="userImg">
								<img src="../images/2_9_03.png"/>
								<span>我是VIP</span>
							</div>
							<div class="pro-right">
								<div class="pro-right-top">
									<span class="raty" data-score="5"></span><span class="date">2016-10-12</span>
								</div>
								<p>非常好货真价实非常好货真价实赞非常好货真价实赞非常好货真价实赞非常好货真价实赞赞</p>
								<div class="imgBox">
									<ul>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
										<li><img src="../images/2_9_03.png"/></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="tab-pane" id="store">
					<div class="detail-tab-panel" >
						<div>
							<img src="../images/2_10_03.jpg" />
							<p>我都有些不理解，我都已经修改收货地址了，这么还给我邮到单位了，害得我个孕妇从单位又把水果带到家，更主要的是，我是孕妇。暂时我都有些不理解，我都已经修改收货地址了，这么还给我邮到单位了，害得我个孕妇从单位又把水果带到家，更主要的是，我是孕妇。暂时我都有些不理解，我都已经修改收货地址了，这么还给我邮到单位了，害得我个孕妇从单位又把水果带到家，更主要的是，我是孕妇。暂时我都有些不理解，我都已经修改收货地址了，这么还给我邮到单位了，害得我个孕妇从单位又把水果带到家，更主要的是，我是孕妇。暂时</p>
						</div>
						<div>
							<img src="../images/2_11_03.jpg" />

						</div>
						<div>
							<img src="../images/2_12_03.jpg" />

						</div>
					</div>
				</div>
			</div>
			<!-- 商品图片详情和商品评论-->
			</div>
		</div>
		
	</div>
	<!-- 商品详情  end -->
	

	<form style="display:none"  id="cookieForm">
		<input type="hidden" name="amount" value="1" id="amount"  >
		<input type="hidden" name="price" value="0.01"  >
		<input type="hidden" name="goods.cover" value="../images/2015092115158421.jpg"  >
		<input type="hidden" name="goods.title" value="佳沃特大陕西翠香猕猴桃20-22个 单果约110g"  >
		<input type="hidden" name="goods.id" value="3"  >
		<input type="hidden" name="status" value="1"  >
	</form> 


		<!--
				</div>
 			</div>
 		</div>
 		 -->
 		
<!--service: 服务  begin-->
<div class="service-area">
	<div class="slogen-panel">
		<ul >
			<li><a href="#"><img src="../images/b_1.png"> <h4>品质保证</h4> <p>货到付款</p></a></li>
			<li><a href="#"><img src="../images/b_2.png"> <h4>七天无理由退换</h4> <p>国免邮</p></a></li>
			<li><a href="#"><img src="../images/b_3.png"> <h4>特色服务体验</h4> <p>自营冷链全国配送</p></a></li>
			<li><a href="#"><img src="../images/b_4.png"> <h4>有机农场</h4> <p>新蔬直供</p></a></li>
			<li><a href="#"><img src="../images/b_4.png"> <h4>帮助中心</h4> <p>国免邮</p></a></li>
		</ul>
	</div>

	<div class="service-panel">
			
				<dl class="service-item cot5">
					<dt>食品安全</dt>
					<dd>	
						<!-- 遍历父节点为pid的全部节点 -->
									<div><a href="http://www.sxmmd.com/help/2">有机农场</a></div>
									<div><a href="http://www.sxmmd.com/help/3">采购标准</a></div>
									<div><a href="/shop-pc/help/4">食品信息公开透明</a></div>
									<div><a href="/shop-pc/help/5">透明社区经营理念</a></div>
									<div><a href="/shop-pc/help/6">我们的资质</a></div>
					</dd>	
				</dl>
			
			
			
			
			
			
			
			
			
			
			
			
				<dl class="service-item cot5">
					<dt>新手教程</dt>
					<dd>	
						<!-- 遍历父节点为pid的全部节点 -->
									<div><a href="/shop-pc/help/8">购物流程</a></div>
									<div><a href="/shop-pc/help/9">注册登录</a></div>
									<div><a href="/shop-pc/help/10">账户充值</a></div>
									<div><a href="/shop-pc/help/11">如何提货</a></div>
									<div><a href="/shop-pc/help/12">会员政策</a></div>
					</dd>	
				</dl>
			
			
			
			
			
			
			
			
			
			
			
			
				<dl class="service-item cot5">
					<dt>配送方式</dt>
					<dd>	
						<!-- 遍历父节点为pid的全部节点 -->
									<div><a href="/shop-pc/help/14">自营全程冷链配送</a></div>
									<div><a href="/shop-pc/help/15">配送范围</a></div>
									<div><a href="/shop-pc/help/16">运费标准</a></div>
					</dd>	
				</dl>
			
			
			
			
			
			
			
			
				<dl class="service-item cot5">
					<dt>支付方式</dt>
					<dd>	
						<!-- 遍历父节点为pid的全部节点 -->
									<div><a href="/shop-pc/help/18">货到付款</a></div>
									<div><a href="/shop-pc/help/19">在线支付</a></div>
									<div><a href="/shop-pc/help/20">账户余额支付</a></div>
									<div><a href="/shop-pc/help/21">退款说明</a></div>
									<div><a href="/shop-pc/help/22">多种福利卡</a></div>
					</dd>	
				</dl>
			
			
			
			
			
			
			
			
			
			
			
			
				<dl class="service-item cot5">
					<dt>售后服务</dt>
					<dd>	
						<!-- 遍历父节点为pid的全部节点 -->
									<div><a href="/shop-pc/help/24">退换货政策</a></div>
									<div><a href="/shop-pc/help/25">退换货流程</a></div>
									<div><a href="/shop-pc/help/26">发票制度</a></div>
									<div><a href="/shop-pc/help/27">投诉建议</a></div>
					</dd>	
				</dl>
			
			
			
			
			
			
			
			
			
			
				<dl class="service-item cot5">
					<dt>帮助信息</dt>
					<dd>	
						<!-- 遍历父节点为pid的全部节点 -->
									<div><a href="/shop-pc/help/29">安全食品采购指南</a></div>
									<div><a href="/shop-pc/help/30">常见问题</a></div>
									<div><a href="/shop-pc/help/31">电子优惠券的使用</a></div>
									<div><a href="/shop-pc/help/32">礼品卡</a></div>
					</dd>	
				</dl>
			
			
			
			
			
			
			
			
			
	</div>
</div>
<!--service: 服务 end -->
	
<!-- footer:页脚  begin -->
<div class="footer">
	<div class="foot-panel">
		<div style="float:left;width:70%;text-align:right;">
			<p>免费热线：400-168-9979</p>
			<p>电子邮箱：bj@letsun.com.cn</p>	
			<p>Copyright&nbsp;©&nbsp;2015-2016  立信创源 &nbsp;&nbsp;ww.letsun.com.cn &nbsp;版权所有</p>
			<p>Power by 粤ICP备13083109号</p>
		</div>			
		<div style="float:right;width:30%;text-align:center;">
			<img src="../images/down_m.png" style="width:100px;height:100px;"/>
			<img src="../images/weixian_er.png" style="width:100px;height:100px;"/>
		</div>
	</div>
</div>
<!-- footer:页脚  end -->


	
	<script type="text/javascript">
		var $path="/shop-pc";
	</script>

	<!-- 购物车 -->
	<script type="text/javascript">
	/*购物车-删除产品*/
	function delGood(num){
		$("#cartItem" + num).remove();
		delCartItem(num) ;
	}
	
  	function delCartItem(gid) {
		//showMask();
	    $.ajax({
	        url: "/shop-pc/cart/del/"+gid+"",
	        type: "post",
	        success: function(data) {
	        	if(data.code == "200"){
	        		var result = eval('(' +  data.result + ')');
	        		//修改购物车
	        		$('#cartAmount1').text(result.amount);
	        		$('#cartAmount').text(result.amount);
	        		$('#cartTotal').text(result.total);
	        		//删除购物车条目
	        		$("#cartItem"+gid).remove();
	        	}
	        	//setTimeout("hideMask()", 100);
	        },
	        cache: false,
	        error: function() {
	        	//setTimeout("hideMask()", 100);
	        }
	    });
	}
	</script>
	


<!-- raty  -->
<!-- raty script&css -->
<link rel="stylesheet" type="text/css" href="../css/jquery.raty.css">
<script src="../js/jquery.raty.js"></script>
<script>
	
	$(function(){
		$("#goodsRaty").raty({
			score:3.6, 
			path:"/zjw.ebiaoji.com/images",
			readOnly:true
		})	
		
		$(".raty").raty({
			score:function(){
				return $(this).attr('data-score');
			},
			path:"/zjw.ebiaoji.com/images",
			readOnly:true
		})	
	})
</script>	

<!-- 收藏商品 -->
<script>

 	function collect(){
		$.ajax({
			type:"post",
			url:"/shop-pc/goods/3/collect",
			success:function(data,textStatus){	
				if(data.code==200){
					alertSuccess("收藏成功");
					var html= '<span class="collect-btn-not" onclick="collect();"><i class="fa fa-star-o"></i>取消收藏</span>';
					$(".collect-panel").html(html);
				}else if(data.code==300){
					alertSuccess("取消收藏成功");
					var html= '<span class="collect-btn-ok"  onclick="collect()"><i class="fa fa-star-o"></i>收藏商品</span>'; 
					$(".collect-panel").html(html);
				}else{
					alertDanger("系统错误");
				}
			},
			error: function(XMLHttpRequest, textStatus, errorThrown) {
				alertDanger("网络异常");
	        }	
		})
	}
</script>	

<!-- 省市区 -->
<script>
	$(function(){
		//省市区联动
		$("#provinceid").change(function(){
			var pid =$("#provinceid").find("option:selected").val();
			if(pid!=-1){
				$.ajax({
					type:"get",
					url:"/shop-pc/address/ssq/"+pid+"",
					success:function( result ){
						$("#cityid").empty();
						var html = "<option value=\"-1\">请选择</option>";
						if(result.length>0){
							for(var i=0;i<result.length;i++){
								html+= "<option value='"+result[i].id+"'>"+result[i].name+"</option>";
							}
						}
						$("#cityid").append(html);
					}
				})
			}
		})
		
		//省市区联动
		$("#cityid").change(function(){
			var pid =$("#cityid").find("option:selected").val();
			if(pid!=-1){
				$.ajax({
					type:"get",
					url:"/shop-pc/address/ssq/"+pid+"",
					success:function( result ){
						$("#areaid").empty();
						var html = "<option value=\"-1\">请选择</option>";
						if(result.length>0){
							for(var i=0;i<result.length;i++){
								html+= "<option value='"+result[i].id+"'>"+result[i].name+"</option>";
							}
						}
						$("#areaid").append(html);
					}
				})
			}
		})
	})
		
</script>
			

<!-- 购物车 -->
<script>
	$(function(){
		$(".btn-add").click(function(){
			var amount = $("#buy_amount").val();
			amount = parseInt(amount)+1;
			//显示商品数目
			$("#buy_amount").val(amount);
			//隐藏提交表单
			$("#amount").val(amount);
		})
		
		$(".btn-reduce").click(function(){
			var amount = $("#buy_amount").val();
			if(amount>1){
				var amount = $("#buy_amount").val();
				amount = parseInt(amount)-1;
				//显示商品数目
				$("#buy_amount").val(amount);
				//隐藏提交表单
				$("#amount").val(amount)
			}
		})
		
		$("#buy_amount").change(function(){
			var amount = $(this).val();
			if(amount<=0){
				$(this).val(1);
				amount = 1;
			}
			//隐藏提交表单
			$("#amount").val(amount)
		})
	})

	/*模态窗口显示*/
	function showMask(){
		$('.mask').show();
	}
	/*模态窗口关闭*/
	function hideMask(){
		$('.mask').hide();
	}

	//快速购买
	function fastbuy(){
		$.ajax({
			type:"post",
			url:"/shop-pc/cart/fastbuy",
			data:$("#cookieForm").serialize(),
			success:function(data,textStatus){	
				if(data.code==200){
					window.location.href="/shop-pc/manage/order/create"
					//setTimeout("hideMask()", 100);
				}
			},
			error: function(XMLHttpRequest, textStatus, errorThrown) {
				//alert("系统错误");
	        	//setTimeout("hideMask()", 100);
	        }	
		})
	}
	
	//加入购物车
	function addToCart(){
		//showMask();
		$.ajax({
			type:"post",
			url:"/shop-pc/cart/addToCart",
			data:$("#cookieForm").serialize(),
			success:function(data){
				if(data.code==200){
	        		//修改购物车
					var result = eval('(' +  data.result + ')');
	        		$('#cartAmount1').text(result.amount);
	        		$('#cartAmount').text(result.amount);
	        		var carttotal = result.total;
	        		$('#cartTotal').text(parseFloat(carttotal).toFixed(2));
					alertSuccess("添加到购物车成功");
					setTimeout("hideMask()", 100);
				}
			},
			error: function() {
	        	setTimeout("hideMask()", 100);
	        }
		})
	}

	//跳转到登陆
	function toLogin(){
		//alert("请先登录");
		window.location.href="/shop-pc/login";
	}
</script>

<!-- 放大镜功能 -->
<script type="text/javascript">
$(document).ready(function(){
	// 图片上下滚动
	var count = $("#imageMenu li").length - 5; /* 显示 6 个 li标签内容 */
	var interval = $("#imageMenu li:first").width();
	var curIndex = 0;
	
	$('.scrollbutton').click(function(){
		if( $(this).hasClass('disabled') ) return false;
		
		if ($(this).hasClass('smallImgUp')) --curIndex;
		else ++curIndex;
		
		$('.scrollbutton').removeClass('disabled');
		if (curIndex == 0) $('.smallImgUp').addClass('disabled');
		if (curIndex == count-1) $('.smallImgDown').addClass('disabled');
		
		$("#imageMenu ul").stop(false, true).animate({"marginLeft" : -curIndex*interval + "px"}, 600);
	});	
	// 解决 ie6 select框 问题
	$.fn.decorateIframe = function(options) {
        if ( $.support.msie &&  $.support.version < 7) {
            var opts = $.extend({}, $.fn.decorateIframe.defaults, options);
            $(this).each(function() {
                var $myThis = $(this);
                //创建一个IFRAME
                var divIframe = $("<iframe />");
                divIframe.attr("id", opts.iframeId);
                divIframe.css("position", "absolute");
                divIframe.css("display", "none");
                divIframe.css("display", "block");
                divIframe.css("z-index", opts.iframeZIndex);
                divIframe.css("border");
                divIframe.css("top", "0");
                divIframe.css("left", "0");
                if (opts.width == 0) {
                    divIframe.css("width", $myThis.width() + parseInt($myThis.css("padding")) * 2 + "px");
                }
                if (opts.height == 0) {
                    divIframe.css("height", $myThis.height() + parseInt($myThis.css("padding")) * 2 + "px");
                }
                divIframe.css("filter", "mask(color=#fff)");
                $myThis.append(divIframe);
            });
        }
    }
    $.fn.decorateIframe.defaults = {
        iframeId: "decorateIframe1",
        iframeZIndex: -1,
        width: 0,
        height: 0
    }
    //放大镜视窗
    $("#bigView").decorateIframe();
    //点击到中图
    var midChangeHandler = null;
	
    $("#imageMenu li img").bind("click", function(){
		if ($(this).attr("id") != "onlickImg") {
			midChange($(this).attr("src").replace("small", "mid"));
			$("#imageMenu li").removeAttr("id");
			$(this).parent().attr("id", "onlickImg");
		}
	}).bind("mouseover", function(){
		if ($(this).attr("id") != "onlickImg") {
			window.clearTimeout(midChangeHandler);
			midChange($(this).attr("src").replace("small", "mid"));
			$(this).css({ "border": "3px solid #959595" });
		}
	}).bind("mouseout", function(){
		if($(this).attr("id") != "onlickImg"){
			$(this).removeAttr("style");
			midChangeHandler = window.setTimeout(function(){
				midChange($("#onlickImg img").attr("src").replace("small", "mid"));
			}, 1000);
		}
	});
    function midChange(src) {
        $("#midimg").attr("src", src).load(function() {
            changeViewImg();
        });
    }
    //大视窗看图
    function mouseover(e) {
        if ($("#winSelector").css("display") == "none") {
            $("#winSelector,#bigView").show();
        }
        $("#winSelector").css(fixedPosition(e));
        e.stopPropagation();
    }
    function mouseOut(e) {
        if ($("#winSelector").css("display") != "none") {
            $("#winSelector,#bigView").hide();
        }
        e.stopPropagation();
    }
    $("#midimg").mouseover(mouseover); //中图事件
    $("#midimg,#winSelector").mousemove(mouseover).mouseout(mouseOut); //选择器事件

    var $divWidth = $("#winSelector").width(); //选择器宽度
    var $divHeight = $("#winSelector").height(); //选择器高度
    var $imgWidth = $("#midimg").width(); //中图宽度
    var $imgHeight = $("#midimg").height(); //中图高度
    var $viewImgWidth = $viewImgHeight = $height = null; //IE加载后才能得到 大图宽度 大图高度 大图视窗高度

    function changeViewImg() {
        $("#bigView img").attr("src", $("#midimg").attr("src").replace("mid", "big"));
    }
    changeViewImg();
    $("#bigView").scrollLeft(0).scrollTop(0);
    function fixedPosition(e) {
        if (e == null) {
            return;
        }
        var $imgLeft = $("#midimg").offset().left; //中图左边距
        var $imgTop = $("#midimg").offset().top; //中图上边距
        X = e.pageX - $imgLeft - $divWidth / 2; //selector顶点坐标 X
        Y = e.pageY - $imgTop - $divHeight / 2; //selector顶点坐标 Y
        X = X < 0 ? 0 : X;
        Y = Y < 0 ? 0 : Y;
        X = X + $divWidth > $imgWidth ? $imgWidth - $divWidth : X;
        Y = Y + $divHeight > $imgHeight ? $imgHeight - $divHeight : Y;

        if ($viewImgWidth == null) {
            $viewImgWidth = $("#bigView img").outerWidth();
            $viewImgHeight = $("#bigView img").height();
            if ($viewImgWidth < 200 || $viewImgHeight < 200) {
                $viewImgWidth = $viewImgHeight = 800;
            }
            $height = $divHeight * $viewImgHeight / $imgHeight;
            //$("#bigView").width($divWidth * $viewImgWidth / $imgWidth);
            //$("#bigView").height($height);
			$("#bigView").width(550);
            $("#bigView").height(320);
        }
        var scrollX = X * $viewImgWidth / $imgWidth;
        var scrollY = Y * $viewImgHeight / $imgHeight;
        $("#bigView img").css({ "left": scrollX * -1, "top": scrollY * -1 });
        //$("#bigView").css({ "top":0, "left": $(".preview").offset().left + $(".preview").width() + 15 });
		$("#bigView").css({ "top":10, "left":655 });
        return { left: X, top: Y };
    }
});
</script>

 	</body>
 </html>
